body { margin:0; padding:0; width:100%; background: url(Images/main_bg.gif); }
html { padding:0; margin:0; }
/* main */
.main { width:100%; padding:0; margin:0 auto; }
/********** header **********/
.header { background: url(Images/header_bg.gif) top repeat-x; padding:0; margin:0 auto;}
.block_header { margin:0 auto; width:960px; padding:0; border:none; }
/********** Login Page **********/
.login { background: url(Images/login_bg.gif) top repeat-x;}
/* logo */
.logo { float:left; padding:0; margin:0; height:auto; width:auto;}
.rss2 { float:right; width:140px; margin:0; padding:48px 0 0 20px;}
.rss2 p {font:normal 13px Arial, Helvetica, sans-serif; color:#ffffff;  padding:3px 0 0 0; margin:0;}
.rss2 a { text-decoration:none; color:#0096ce;}
/* menu */	
.menu_resize { background:url(Images/menu_resize.gif) top no-repeat; padding:0; margin:0; height:43px;}
.menu_resize1 { background:url(Images/menu_resize.gif) top no-repeat; height:43px;}
/* search */
.search { padding:5px 10px 6px 0; margin:0; width:220px; float:right;}
/********** block index **********/
.body { margin:0; padding:0;}
.body_resize { width:960px; margin:0 auto; padding:10px 0; }
.body_resize h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#171717; padding:15px 5px; margin:0; }
.body_resize span { font: normal 11px Arial, Helvetica, sans-serif; color:#ababab;}
.body_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#171717; padding:5px; margin:0; line-height:1.8em; }
.body_resize p span { font: bold 12px Arial, Helvetica, sans-serif; color:#00b7fb;}
/*.body_resize img { margin:10px auto; padding:0; }
.body_resize img.floated { float:left; margin:10px 15px 20px 0px; padding:0; }*/
.right {border:1px solid #e4e4e4; background:#fff; width:280px; float:right; margin:0 0 15px 0; padding:10px 15px; }
.left {border:1px solid #e4e4e4; background:#fff; width:605px; float:left; margin:0; padding:10px 15px; }
.clslbl { float:left; margin:0; width:100px; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#2f2f2f; text-transform:capitalize; }
/*************footer**********/
.footer_resize { width:960px; margin:0 auto; padding:10px 0; border-top:1px solid #c0c0c0; }
.footer { padding:0 0 20px 0; margin:0; }
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#737373; }
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#737373; text-decoration:none; padding:5px; margin:0; }
.footer p.leftt { text-align:left; width:50%; margin:0; padding:5px 0 0 0; float:left; }
.footer p.rightt { text-align:right; width:30%; margin:0; padding:10px 0 0 0; float:right; }

p.clr,.clr { clear:both; padding:0; margin:0; background:none; }

/* content */ 
.black_overlay{
	display: none;
	position:fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 20%;
	z-index:1002;
}

.thbg
 {
    background-color:#26282C;
 }

.btncncl:hover,.btnReset:hover
 {
    background-color:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
 }
 
  .Gobtn:hover,.Refreshbtn:hover,.Savebtn:hover,.btnaddtran:hover,.btnUpdate:hover,.btnOK:hover,.Runbtn:hover
    {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
    }
  .Refreshbtn 
 {
	height:18px;
	background:#F5F5F5 url(Images/Refresh.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	width:90px;
	height:30px;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    text-decoration:none;
 }
  .Savebtn 
 {
	height:18px;
	background:#F5F5F5 url(Images/Save.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	width:90px;
	height:30px;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    text-decoration:none;
 }
   .Runbtn 
 {
	height:18px;
	background:#F5F5F5 url(Images/Play.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	width:100px;
	height:30px;
	border:1px solid #CCCCCC;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    text-decoration:none;
 }
    .lnkdelbtn 
 {
	height:18px;
	background:#FFFFFF url(Images/Delete.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	width:90px;
	height:30px;
 }
 .btnaddtran
 {
 	height:18px;
	background:#F5F5F5 url(Images/Add.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	width:140px;
	height:30px;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
 }
 .btncncl
 {
  	height:18px;
	background:#F5F5F5 url(Images/Cancel.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	width:80px;
	height:30px;
	border:1px solid #CCCCCC;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
 }
 .btnaddtc
 {
   	height:18px;
	background:#FFFFFF url(Images/Add.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	width:100px;
	height:30px;
 }
 .btnOK
 {
  	height:10px;
	background:#F5F5F5 url(Images/Apply.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	width:140px;
	height:30px;
	border:1px solid #CCCCCC;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    text-decoration:none;
 }
 .btnUpdate
 {
   	height:18px;
	background:#F5F5F5 url(Images/Update.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	width:80px;
	height:30px;
	border:1px solid #CCCCCC;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    text-decoration:none;
 }
  .btnReset {
   	height:18px;
	background:#F5F5F5 url(Images/Reset.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	width:90px;
	height:30px;
	border:1px solid #CCCCCC;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    text-decoration:none;
 }
 
  .btnChart
 {
	background:#F5F5F5;
	padding:4px 4px 4px 4px;
	border:1px solid #CCCCCC;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
 }
 
 .RemoveUnderline
 {
	text-decoration:none;
	color:#1f1f1f;
 }
 
  .ColorLink
 {
	FONT-SIZE: 12px;
	color:#1f1f1f;
 }

.TCtableborder
{
	background-color:#6B7076;	
}

.username{
    background-image:url(Images/username.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	FONT-SIZE: 12px;}
	
.password{
    background-image:url(Images/password.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	FONT-SIZE: 12px;
	}
	
	/*CollapsiblePanel*/

.ContainerPanel
{
       width:400px;
       border:1px;
       border-color:#1052a0;      
       border-style:double double double double;
}

.collapsePanelHeader
{
       width:400px;
       height:30px;
       background-image: url(images/bg-menu-main.png);
       background-repeat:repeat-x;
       color:#FFF;
       font-weight:bold;
}

.HeaderContent
{
       float:left;
       padding-left:5px;
}

.Content
{

       

}

.ArrowExpand
{
       background-image: url(images/expand_blue.jpg);
       width:13px;
       height:13px;
       float:right;
       margin-top:7px;
       margin-right:5px;
}

.ArrowExpand:hover
{
       cursor:hand;
}

.ArrowClose
{
       background-image: url(images/collapse_blue.jpg);
       width:13px;
       height:13px;
       float:right;
       margin-top:7px;
       margin-right:5px;
}

.ArrowClose:hover
{
       cursor:hand;
}

#navcontainer ul { list-style-type: none; } 


/*Admin Verticle menu */

.arrowlistmenu{
width: 160px; /*width of menu*/
margin-right:10px;
float:left;
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(Images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(Images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/* scc for tab */
        .tabs
        {
            position:relative;
            top:1px;
            left:10px;
        }
        .tab
        {
            border:solid 1px black;
            background-color:#eeeeee;
            padding:2px 10px;
        }
        .selectedTab
        {
            background-color:white;
            border-bottom:solid 1px white;
        }
        .tabContents
        {
            border:solid 1px black;
            padding:10px;
            background-color:white;
        }
/* css for chart */
#container
{
    margin:0 auto; 
    padding:5px;
    
}
.formSeperater
{
    height:10px; width:880px; float:left;
}